@charset "utf-8";
/* CSS Document */

#headerMenu {
	clear:both;
	background:url(/images/navBackground.png) repeat-x; /*Imagen de fondo del menu*/
	width: 100%!important;/*Ancho de la tabla que contiene el menu*/
	height: 20px; /*Alto de la tabla que contiene el menu*/
	margin:0;
	padding: 0;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
}
#headerMenu ul {
	width: 720px; /*Define un ancho relacionado para evitar corrimeintos del menu al minimizar*/
	margin: 0px!important; /*Margen de las opciones del menu con rspecto al menu, dejar en 0*/
	padding:0;
	list-style: none; /*Define el tipo de menu*/
	font-size: 12px; /*Define el tamaño de la letra de la categoria*/
}
#headerMenu li {
	float: left;
	line-height: 20px;
	padding: 0 8px 0; /*Distancia desde que comienza el menu a la izq.*/
	position:relative;
	z-index: 1;
	color:#555;
}
#headerMenu li:hover {
	z-index:2;
}
#headerMenu li a {
	line-height: 20px;
	float: left;
	color: #555;
	text-decoration:none;
}
#headerMenu li:active a,
#headerMenu li:hover a {
	line-height: 20px;
	float: left;
	color: #555;
	text-decoration:underline;
	filter:alpha(opacity=0); opcacity: .0;
}
#headerMenu li:hover .sub,
#headerMenu li.hover .sub {
	display:block;
	background: #F5F9FC;
}
#headerMenu li .sub {
	display: none;
	position: absolute;
	top: 20px; /*Distancia entre el menu y el tope del submenu*/
	left: 0px;
	width: 200px; /*Ancho de la tabla que contiene el submenu. Afecta la linea exterior no el contenido*/
	padding-top: 0px;
	border: 1px #C1D9F0 solid;
	filter: alpha(opacity=80); opacity: 1;
}

#headerMenu li ul {
	width: 200px; /*esto afecta el ancho de la linea punteada*/
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 12px;
}

#headerMenu li:hover li,
#headerMenu li.active li {
	width: 90%;
	padding: 1px 0 2px;
	border-bottom: 1px #C1D9F0 dashed; /*Borde punteado separador horizontal entre las opciones de menu*/
	background: none !important;
}
#headerMenu li:hover li a,
#headerMenu li.active li a {
	color: #555;
	background: none !important;
	line-height: normal;
	width: 250px; /*Afecta el ancho de la celda que contiene al submenu, y el color de fondo cuando pasa encima*/
	padding: 8px 3px 3px;
	text-indent: 1px;
	text-decoration:none;
	text-align:left;
}
#headerMenu li:hover li a:hover,
#headerMenu li.active li a:hover {
	font-weight: bold; /*Letra negrita para acompa�ar al verde*/
}
/*IE*/
#headerMenu li li a:hover,
#headerMenu li li a:hover {
	font-weight: bold; /*Letra negrita para acompa�ar al verde*/
}